<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
	content="text/html; charset=charset=utf-8">
<title>做练习</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<style type="text/css">
.bodybg {
	background-color: gray;
}

.textbg {
	background-color: green;
}

p {
	margin: 15px;
	font-size: 16px;
	font-weight: 25px;
}

.alterbg {
	width: 8px;
	height: 8px;
}

.greenbg {
	background-color: olive;
}

.bluebg {
	background-color: navy;
}

.whritebg {
	background-color: fuchsia;
}
</style>
</head>
<body class="bg">
	<div class="container textbg">
		<div class="navbar navbar-default navbar-fixed">
			<div class="navbar-left">
				<ol class="breadcrumb">
					<li><a href="#">首页 </a></li>
					<li><a href="#">做练习</a></li>
					<li><a href="#">六级试题</a></li>
				</ol>
			</div>
			<div class="navbar-right">
				<ol class="breadcrumb">
					<li><a href="#" class="alterbg greenbg"> </a></li>
					<li><a href="#" class="alterbg bluebg"></a></li>
					<li><a href="#" class="alterbg whritebg"></a></li>
				</ol>

			</div>
		</div>
		<h1 class="center-block">${paper.title }</h1>
		<form action="docheck" method="post">

			<ul class="list-group">
				<li class="list-group-item">
					<h2>一.选择题</h2>
					<ul class="list-group">

						<c:forEach items="${quests}" var="quest" varStatus="index">
							<li class="list-group-item">
								<h3>${index.index+1 }${quest.title }</h3>
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
										<input type="radio" name="choice${quest.id }" value="1">
										${quest.choice1 }
									</div>
									<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
										<input type="radio" name="choice${quest.id }" value="2">
										${quest.choice2 }
									</div>
									<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
										<input type="radio" name=choice${quest.id }" value="3">
										${quest.choice3 }
									</div>
									<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
										<input type="radio" name="choice${quest.id }" value="4">
										${quest.choice4 }
									</div>

								</div>
							</li>
						</c:forEach>



					</ul>

				</li>
				<li class="list-group-item">
				<input class="hidden" name="paperid" value="${paper.id }">
					<input type="submit">
				</li>
			</ul>
		</form>
	</div>
	<div class="container">
		<div class="row">
			<ul class="pager">
				<li class="previous"><a href="#"> 上一页 </a></li>
				<li class="next"><a href="#">我要交卷</a></li>
				<li class="next"><a href="#"> 下一页 </a></li>
			</ul>
		</div>
	</div>

	<script src="jquery/jquery.min.js"></script>
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>